<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta name="author" content="wr">
    <link rel="stylesheet" href="css/index.css">
    <script src="index.js"></script>
    <title>小米商城 - 红米Note 4X</title>
</head>

<body>
    <header class="nav-header">
        <div class="nav container">
            <div class="nav-left">
                <a href="#">小米商城</a>
                <a href="#">MIUI</a>
                <a href="#">米聊</a>
                <a href="#">游戏</a>
                <a href="#">多看阅读</a>
                <a href="#">云服务</a>
                <a href="#">金融</a>
                <a href="#">小米商城移动版</a>
                <a href="#">问题反馈</a>
                <a href="#">Select Rigion</a>
            </div>
            <div class="nav-right">
                <a href="#">登录</a>
                <a href="#">注册</a>
                <a href="#">消息通知</a>
                <div id="car">
                    <a href="#">购物车<span>(0)</span></a>
                    <div class="gouwucar">
                        <span>购物车中还没有商品，赶紧选购吧！</span>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <header>
        <section class="first-header container">
            <div>
                <img src="images/logo.png" class="logo">
            </div>
            <div class="art"><img src="images/gif.gif" alt=""></div>
            <div class="show-down-ready">
                <ul>
                    <li>小米手机</li>
                    <li>红米</li>
                    <li>平板·笔记本</li>
                    <li>电视</li>
                    <li>盒子·影音</li>
                    <li>路由器</li>
                    <li>智能硬件</li>
                    <li>云服务</li>
                    <li>社区</li>
                </ul>
            </div>
            <div class="search">
                <div>
                    <input type="text" value="红米 4X">
                </div>
                <div>
                    <button></button>
                </div>
            </div>
        </section>
        <!--鼠标放上nav部分下面显示-->
        <main class="show-down">
            <section class="container">
                <ul class="show-down-list">
                    <li class="active">
                        <ul>
                            <li>
                                <div><span class="xinpin">新品</span></div>
                                <img src="images/xiaomi1.png" style="width:160px;height:110px;">
                                <div>小米手机5c</div>
                                <div class="cost">1499元</div>
                            </li>
                            <li>
                                <div><span class="yincang"></span></div>
                                <img src="images/xiaomi2.png" alt="">
                                <div>小米Note 2</div>
                                <div class="cost">2799元起</div>
                            </li>
                            <li>
                                <div><span class="yincang"></span></div>
                                <img src="images/xiaomi3.png" alt="">
                                <div>小米MIX</div>
                                <div class="cost">3499元起</div>
                            </li>
                            <li>
                                <div><span class="yincang"></span></div>
                                <img src="images/xiaomi4.png" alt="">
                                <div>小米5S</div>
                                <div class="cost">1999元起</div>
                            </li>
                            <li>
                                <div><span class="yincang"></span></div>
                                <img src="images/xiaomi4.png" alt="">
                                <div>小米5S Plus</div>
                                <div class="cost">2299元起</div>
                            </li>
                            <li>
                                <div><span class="yincang"></span></div>
                                <img src="images/xiaomi5.png" alt="">
                                <div>小米手机5</div>
                                <div class="cost">1799元起</div>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <ul>
                            <li>
                                <div><span class="xinpin">新品</span></div>
                                <img src="images/hongmi1.png">
                                <div>红米Note 4X</div>
                                <div class="cost">999元</div>
                            </li>
                            <li>
                                <div><span class="yincang"></span></div>
                                <img src="images/hongmi2.jpg" alt="">
                                <div>红米Note 4</div>
                                <div class="cost">999元起</div>
                            </li>
                            <li>
                                <div><span class="xinpin">新品</span></div>
                                <img src="images/hongmi3.png" alt="">
                                <div>红米4X</div>
                                <div class="cost">699元起</div>
                            </li>
                            <li>
                                <div><span class="yincang"></span></div>
                                <img src="images/hongmi4.png" alt="">
                                <div>红米4</div>
                                <div class="cost">799元起</div>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <ul>
                            <li>
                                <div><span class="yincang"></span></div>
                                <img src="images/pingban1.png" alt="">
                                <div>小米平板2 16GB</div>
                                <div class="cost">999元</div>
                            </li>
                            <li>
                                <div><span class="yincang"></span></div>
                                <img src="images/pingban2.png" alt="">
                                <div>小米笔记本Air 12.5"</div>
                                <div class="cost">3499元</div>
                            </li>
                            <li>
                                <div><span class="yincang"></span></div>
                                <img src="images/pingban3.png" alt="">
                                <div>小米笔记本Air 13.3"</div>
                                <div class="cost">4999元</div>
                            </li>
                            <li>
                                <div><span class="xinpin">新品</span></div>
                                <img src="images/pingban4.png" alt="">
                                <div>小米笔记本Air 13.3"尊享版</div>
                                <div class="cost">5999元</div>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <ul>
                            <li>
                                <div><span class="yincang"></span></div>
                                <img src="images/dianshi1.png" alt="">
                                <div>小米电视3s 48英寸</div>
                                <div class="cost">2599元</div>
                            </li>
                            <li>
                                <div><span class="yincang"></span></div>
                                <img src="images/dianshi2.png" alt="">
                                <div>小米电视3s 55英寸</div>
                                <div class="cost">3999元</div>
                            </li>
                            <li>
                                <div><span class="yincang"></span></div>
                                <img src="images/dianshi3.png" alt="">
                                <div>小米电视3s 60英寸</div>
                                <div class="cost">47999元</div>
                            </li>
                            <li>
                                <div><span class="yincang"></span></div>
                                <img src="images/dianshi4.png" alt="">
                                <div>小米电视3s 65英寸</div>
                                <div class="cost">6699元</div>
                            </li>
                            <li>
                                <div><span class="yincang"></span></div>
                                <img src="images/dianshi5.png" alt="">
                                <div>小米电视3 70英寸</div>
                                <div class="cost">9999元</div>
                            </li>
                            <li>
                                <div><span class="yincang"></span></div>
                                <img src="images/dianshi6.png" alt="">
                                <div>查看全部</div>
                                <div>小米电视</div>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <ul>
                            <li>
                                <div><span class="yincang"></span></div>
                                <img src="images/hezi1.png" alt="">
                                <div>小米盒子3s</div>
                                <div class="cost">299元</div>
                            </li>
                            <li>
                                <div><span class="yincang"></span></div>
                                <img src="images/hezi2.png" alt="">
                                <div>小米盒子3c</div>
                                <div class="cost">199元</div>
                            </li>
                            <li>
                                <div><span class="yincang"></span></div>
                                <img src="images/hezi3.png" alt="">
                                <div>小米盒子3 增强版</div>
                                <div class="cost">399元</div>
                            </li>
                            <li>
                                <div><span class="yincang"></span></div>
                                <img src="images/hezi4.png" alt="">
                                <div>小米盒子mini版</div>
                                <div class="cost">179元</div>
                            </li>
                            <li>
                                <div><span class="yincang"></span></div>
                                <img src="images/hezi5.png" alt="">
                                <div>小米家庭影院</div>
                                <div class="cost">1999元</div>
                            </li>
                            <li>
                                <div><span class="yincang"></span></div>
                                <img src="images/putonban!160x110.webp" alt="">
                                <div>小米家庭音响标准版</div>
                                <div class="cost">699元</div>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <ul>
                            <li>
                                <div><span class="xinpin">新品</span></div>
                                <img src="images/lyq1.png" alt="">
                                <div>小米路由器 HD</div>
                                <div class="cost">1299元</div>
                            </li>
                            <li>
                                <div><span class="xinpin">新品</span></div>
                                <img src="images/lyq2.png" alt="">
                                <div>小米路由器 Pro</div>
                                <div class="cost">499元</div>
                            </li>
                            <li>
                                <div><span class="yincang"></span></div>
                                <img src="images/lyq3.png" alt="">
                                <div>小米路由器 3</div>
                                <div class="cost">149元</div>
                            </li>
                            <li>
                                <div><span class="yincang"></span></div>
                                <img src="images/lyq4.png" alt="">
                                <div>小米路由器 3C</div>
                                <div class="cost">99元</div>
                            </li>
                            <li>
                                <div><span class="yincang"></span></div>
                                <img src="images/lyq5.png" alt="">
                                <div>小米WiFi放大器 2</div>
                                <div class="cost">49元</div>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <ul>
                            <li>
                                <div><span class="xinpin">新品</span></div>
                                <img src="images/zn1.png" alt="">
                                <div>小米体质秤</div>
                                <div class="cost">199元</div>
                            </li>
                            <li>
                                <div><span class="xinpin">新品</span></div>
                                <img src="images/zn2.png" alt="">
                                <div>米家行车记录仪</div>
                                <div class="cost">349元</div>
                            </li>
                            <li>
                                <div><span class="xinpin">新品</span></div>
                                <img src="images/zn3.png" alt="">
                                <div>小米无人机 4k 版</div>
                                <div class="cost">2999元</div>
                            </li>
                            <li>
                                <div><span class="xinpin">新品</span></div>
                                <img src="images/zn4.png" alt="">
                                <div>小米米家对讲机</div>
                                <div class="cost">249元</div>
                            </li>
                            <li>
                                <div><span class="yincang">新品</span></div>
                                <img src="images/zn5.png" alt="">
                                <div>米家IH电饭煲</div>
                                <div class="cost">399元</div>
                            </li>
                            <li>
                                <div><span class="yincang">新品</span></div>
                                <img src="images/zn6.webp" alt="">
                                <div>查看全部</div>
                                <div>智能硬件</div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </section>
        </main>
        <!--从左往右显示-->
        <section class="container lunbo">
            <div id="outer">
                <ul class="dd">
                    <li class="active"><img src="images/lb1.png" alt=""></li>
                    <li><img src="images/lb2.png" alt=""></li>
                    <li><img src="images/lb3.png" alt=""></li>
                    <li><img src="images/lb4.png" alt=""></li>
                    <li><img src="images/lb5.png" alt=""></li>
                </ul>
                <ul class="tt">
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
            <ul class="left-choice">
                <li>手机 电话卡<span>></span></li>
                <li>笔记本 平板<span>></span></li>
                <li>电视 盒子<span>></span></li>
                <li>路由器 智能硬件<span>></span></li>
                <li>移动电源 电池 插线板<span>></span></li>
                <li>耳机 音响<span>></span></li>
                <li>保护套 贴膜<span>></span></li>
                <li>线材 支架 存储卡<span>></span></li>
                <li>箱包 服饰<span>></span></li>
                <li>米兔 生活周边<span>></span></li>
            </ul>
            <ul class="right-choice">
                <li>
                    <ul>
                        <li>
                            <img src="images/xiaomi1.png" style="width:160px;height:110px;">
                            <span>小米手机5c</span>
                            <span class="xuangou">选购</span>
                        </li>
                        <li>
                            <img src="images/xiaomi2.png" alt="">
                            <span>小米Note 2</span>
                            <span class="xuangou">选购</span>
                        </li>
                        <li>
                            <img src="images/xiaomi3.png" alt="">
                            <span>小米MIX</span>
                            <span class="xuangou">选购</span>
                        </li>
                        <li>
                            <img src="images/xiaomi4.png" alt="">
                            <span>小米手机5s</span>
                            <span class="xuangou">选购</span>
                        </li>
                        <li>
                            <img src="images/xiaomi5.png" alt="">
                            <span>小米手机5s Plus</span>
                            <span class="xuangou">选购</span>
                        </li>
                        <li>
                            <img src="images/xiaomi4.png" alt="">
                            <span>小米手机5</span>
                            <span class="xuangou">选购</span>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <img src="images/hongmi1.png" alt="">
                            <span>红米Note 4X</span>
                            <span class="xuangou">选购</span>
                        </li>
                        <li>
                            <img src="images/hongmi2.png" alt="">
                            <span>红米Note 4</span>
                            <span class="xuangou">选购</span>
                        </li>
                        <li>
                            <img src="images/hongmi3.png" alt="">
                            <span>红米Note 4X</span>
                            <span class="xuangou">选购</span>
                        </li>
                        <li>
                            <img src="images/hongmi4.png" alt="">
                            <span>红米4</span>
                            <span class="xuangou">选购</span>
                        </li>
                        <li>
                            <img src="images/hongmi3.png" alt="">
                            <span>红米4A</span>
                        </li>
                        <li>
                            <img src="images/xiaomi6.png" alt="">
                            <span>对比手机</span>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <img src="images/yidongka.jpg" alt="">
                            <span>小米移动 电话卡</span>
                        </li>
                    </ul>
                </li>
                <li>
                    <ul>
                        <li>
                            <img src="images/pingban2.png" alt="">
                            <span>小米笔记本Air</span>
                            <span class="xuangou">选购</span>
                        </li>
                        <li>
                            <img src="images/pingban3.png" alt="">
                            <span>小米平板2</span>
                            <span class="xuangou">选购</span>
                        </li>
                        <li>
                            <img src="images/qt6.png" alt="">
                            <span>USB-C转接器</span>
                        </li>
                        <li>
                            <img src="images/qt8.png" alt="">
                            <span>小米数据线</span>
                        </li>
                        <li>
                            <img src="images/qt5.png" alt="">
                            <span>小米便携鼠标</span>
                        </li>
                    </ul>
                </li>
                <li>
                    <ul>
                        <li>
                            <img src="images/xiaomi1.png" style="width:160px;height:110px;">
                            <span>小米手机5c</span>
                            <span class="xuangou">选购</span>
                        </li>
                        <li>
                            <img src="images/xiaomi2.png" alt="">
                            <span>小米Note 2</span>
                            <span class="xuangou">选购</span>
                        </li>
                        <li>
                            <img src="images/xiaomi3.png" alt="">
                            <span>小米MIX</span>
                            <span class="xuangou">选购</span>
                        </li>
                        <li>
                            <img src="images/xiaomi4.png" alt="">
                            <span>小米手机5s</span>
                            <span class="xuangou">选购</span>
                        </li>
                        <li>
                            <img src="images/xiaomi5.png" alt="">
                            <span>小米手机5s Plus</span>
                            <span class="xuangou">选购</span>
                        </li>
                        <li>
                            <img src="images/xiaomi4.png" alt="">
                            <span>小米手机5</span>
                            <span class="xuangou">选购</span>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <img src="images/hongmi1.png" alt="">
                            <span>红米Note 4X</span>
                            <span class="xuangou">选购</span>
                        </li>
                        <li>
                            <img src="images/hongmi2.png" alt="">
                            <span>红米Note 4</span>
                            <span class="xuangou">选购</span>
                        </li>
                        <li>
                            <img src="images/hongmi3.png" alt="">
                            <span>红米Note 4X</span>
                            <span class="xuangou">选购</span>
                        </li>
                        <li>
                            <img src="images/hongmi4.png" alt="">
                            <span>红米4</span>
                            <span class="xuangou">选购</span>
                        </li>
                        <li>
                            <img src="images/hongmi3.png" alt="">
                            <span>红米4A</span>
                        </li>
                        <li>
                            <img src="images/xiaomi6.png" alt="">
                            <span>对比手机</span>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <img src="images/yidongka.jpg" alt="">
                            <span>小米移动 电话卡</span>
                        </li>
                    </ul>
                </li>
            </ul>
        </section>

        <!--轮播图下-->
        <section class="container home-tupian">
            <ul class="home">
                <li>
                    <img src="images/xuangou.png">
                    <div>选购手机</div>
                </li>
                <li>
                    <img src="images/tuangou.png">
                    <div>企业团购</div>
                </li>
                <li>
                    <img src="images/yiyuan.png">
                    <div>一元活动</div>
                </li>
                <li>
                    <img src="images/yidong.png">
                    <div>小米移动</div>
                </li>
                <li>
                    <img src="images/huanxin.png">
                    <div>以旧换新</div>
                </li>
                <li>
                    <img src="images/huafei.png">
                    <div>话费充值</div>
                </li>
            </ul>
            <ul class="tupian">
                <li><img src="images/jiqi.png" alt=""></li>
                <li><img src="images/jiqi1.png" alt=""></li>
                <li><img src="images/jiqi2.png" alt=""></li>
            </ul>
            <div style="clear: both;"></div>
        </section>

        <!--*******************小米明星单品*****-->
        <div id="head_hot_goods_wrap">
            <div id="head_hot_goods_title">
                <span class="title_span">小米明星单品</span>
                <div id="head_hot_goods_change">
                    <span id="head_hot_goods_prave">&gt;</span>
                    <span id="head_hot_goods_next">&lt;</span>
                </div>
            </div>
            <div id="head_hot_goods_content">
                <ul>
                    <li>
                        <a><img src="images/dan1.png"></a>
                        <p>米家LED智能台灯</p>
                        <p>无可视频闪,亮度色差无极调节</p>
                        <p>169元</p>
                    </li>
                    <li>
                        <a><img src="images/dan2.png"></a>
                        <p>米家iHealth血压计</p>
                        <p>爸妈上手就会用的智能血压计</p>
                        <p>399元</p>
                    </li>
                    <li>
                        <a><img src="images/dan3.png"></a>
                        <p>小米路由器3</p>
                        <p>更快更强,不止4天线</p>
                        <p>149元</p>
                    </li>
                    <li>
                        <a><img src="images/dan4.png"></a>
                        <p>小米活塞耳机,清新版</p>
                        <p>铝合金音腔,第三代平衡阻尼系统</p>
                        <p>29元</p>
                    </li>
                    <li>
                        <a><img src="images/dan5.png"></a>
                        <p>小米体重秤</p>
                        <p>100克,喝杯水都能感知的精准</p>
                        <p>99元</p>
                    </li>
                    <li>
                        <a><img src="images/dan6.png"></a>
                        <p>小米5s Plus</p>
                        <p>5.7英寸大屏双摄手机,拍照黑科技</p>
                        <p>2299元</p>
                    </li>
                    <li>
                        <a><img src="images/dan7.png"></a>
                        <p>小米电视3s 55英寸</p>
                        <p>人工智能电视,4k大屏新旗舰</p>
                        <p>3999元</p>
                    </li>
                    <li>
                        <a><img src="images/dan8.png"></a>
                        <p>小米移动电源2</p>
                        <p>双向快充,高密度锂聚合物电芯</p>
                        <p>79元</p>
                    </li>
                    <li>
                        <a><img src="images/dan9.png"></a>
                        <p>小米手环 2</p>
                        <p>OLED显示屏幕,升级计算步法</p>
                        <p>149元</p>
                    </li>
                    <li>
                        <a><img src="images/dan10.png"></a>
                        <p>小米净水器 厨下式</p>
                        <p>直出纯净水,隐藏式安装</p>
                        <p>1999元</p>
                    </li>
                </ul>
            </div>
        </div>

        <!--智能硬件-->
        <section class="container zhineng xuanfu">
            <div class="title">
                <h2>智能硬件</h2>
                <div>
                    <div>&gt;</div>
                    <div>查看全部</div>
                </div>
            </div>
            <div class="marginTop">
                <ul class="haha">
                    <li class="dianfanbao">
                        <img src="images/zhineng1.png">
                    </li>
                    <li>
                        <div>
                            <span class="xinpin">新品</span>
                        </div>
                        <img src="images/zhineng2.png">
                        <div>米家行车记录仪</div>
                        <div class="jianjie">晚上能拍清车牌的记录仪</div>
                        <div class="jiage">349元</div>
                    </li>
                    <li>
                        <div>
                            <span class="yincang">新品</span>
                        </div>
                        <img src="images/zhineng3.png">
                        <div>小米空气净化器2</div>
                        <div class="jianjie">高效除霾，10分钟换新房间空气</div>
                        <div class="jiage">699元</div>
                    </li>
                    <li>
                        <div>
                            <span class="yincang">新品</span>
                        </div>
                        <img src="images/zhineng4.png">
                        <div>米兔智能故事机</div>
                        <div class="jianjie">微信远程互动，智能语音交互</div>
                        <div class="jiage">199元</div>
                    </li>
                    <li>
                        <div>
                            <span class="yincang">新品</span>
                        </div>
                        <img src="images/zhineng5.png">
                        <div>米兔儿童手表</div>
                        <div class="jianjie">11重安全设计，五重精准定位</div>
                        <div class="jiage">299元</div>
                    </li>
                    <li>
                        <div>
                            <span class="yincang">新品</span>
                        </div>
                        <img src="images/zhineng6.png">
                        <div>米家小白智能摄像机</div>
                        <div class="jianjie">360°全景拍摄，1080P高清摄像</div>
                        <div class="jiage">399元</div>
                    </li>
                    <li>
                        <div>
                            <span class="yincang">新品</span>
                        </div>
                        <img src="images/zhineng7.png">
                        <div>九号平衡车</div>
                        <div class="jianjie">年轻人的酷玩具，骑行遥控两种玩法</div>
                        <div class="jiage">1999元</div>
                    </li>
                    <li>
                        <div>
                            <span class="xinpin">新品</span>
                        </div>
                        <img src="images/zhineng8.png">
                        <div>米家骑记电助力折叠自行车</div>
                        <div class="jianjie">力矩传感电助力，让城市出行轻松有趣</div>
                        <div class="jiage">2999元</div>
                    </li>
                    <li>
                        <div>
                            <span class="xinpin">新品</span>
                        </div>
                        <img src="images/zhineng9.png">
                        <div>小米米家电动滑板车</div>
                        <div class="jianjie">极简几何设计，1分钟轻松上手</div>
                        <div class="jiage">1999元</div>
                    </li>
                </ul>
            </div>
        </section>

        <!--搭配-->
        <section class="container zhineng xuanfu">
            <div class="title">
                <h2>搭配</h2>
                <div>
                    <ul>
                        <li>热门</li>
                        <li>耳机音响</li>
                        <li>电源</li>
                        <li>电池存储卡</li>
                    </ul>
                </div>
            </div>
            <div class="marginTop">
                <ul class="haha">
                    <li class="quantu">
                        <img src="images/dapei1.png">
                    </li>
                    <li>
                        <div>
                            <span class="xinpin">新品</span>
                        </div>
                        <img src="images/zhineng2.png">
                        <div>米家行车记录仪</div>
                        <div class="jianjie">晚上能拍清车牌的记录仪</div>
                        <div class="jiage">349元</div>
                    </li>
                    <li>
                        <div>
                            <span class="yincang">新品</span>
                        </div>
                        <img src="images/zhineng3.png">
                        <div>小米空气净化器2</div>
                        <div class="jianjie">高效除霾，10分钟换新房间空气</div>
                        <div class="jiage">699元</div>
                    </li>
                    <li>
                        <div>
                            <span class="yincang">新品</span>
                        </div>
                        <img src="images/zhineng4.png">
                        <div>米兔智能故事机</div>
                        <div class="jianjie">微信远程互动，智能语音交互</div>
                        <div class="jiage">199元</div>
                    </li>
                    <li>
                        <div>
                            <span class="yincang">新品</span>
                        </div>
                        <img src="images/zhineng6.png">
                        <div>米家小白智能摄像机</div>
                        <div class="jianjie">360°全景拍摄，1080P高清摄像</div>
                        <div class="jiage">399元</div>
                    </li>
                    <li class="quantu">
                        <img src="images/dapei2.png">
                    </li>
                    <li>
                        <div>
                            <span class="yincang">新品</span>
                        </div>
                        <img src="images/zhineng6.png">
                        <div>米家小白智能摄像机</div>
                        <div class="jianjie">360°全景拍摄，1080P高清摄像</div>
                        <div class="jiage">399元</div>
                    </li>
                    <li>
                        <div>
                            <span class="yincang">新品</span>
                        </div>
                        <img src="images/zhineng7.png">
                        <div>九号平衡车</div>
                        <div class="jianjie">年轻人的酷玩具，骑行遥控两种玩法</div>
                        <div class="jiage">1999元</div>
                    </li>
                    <li>
                        <div>
                            <span class="xinpin">新品</span>
                        </div>
                        <img src="images/zhineng8.png">
                        <div>米家骑记电助力折叠自行车</div>
                        <div class="jianjie">力矩传感电助力，让城市出行轻松有趣</div>
                        <div class="jiage">2999元</div>
                    </li>
                    <li>
                        <div>
                            <span class="xinpin">新品</span>
                        </div>
                        <img src="images/zhineng9.png">
                        <div>小米米家电动滑板车</div>
                        <div class="jianjie">极简几何设计，1分钟轻松上手</div>
                        <div class="jiage">1999元</div>
                    </li>
                </ul>
            </div>
        </section>


        <!--配件-->
        <div class="main">
            <div class="main_title">
                <span>配件</span>
                <section class="menu_list">
                    <ul class="menu_list_left">
                        <li>热门</li>
                        <li>保护套</li>
                        <li>贴膜</li>
                        <li>其他配件</li>
                    </ul>
                </section>
            </div>
            <div class="main_content">
                <ul class="U1_left">
                    <li><img src="images/pj1.png"></li>
                    <li><img src="images/pj2.png" style="width:234px;height:300px;"></li>
                </ul>
                <ul class="U2_right">
                    <li>
                        <img src="images/remen1.png">
                        <p>
                            <a></a>
                        </p>
                        <p>29元
                            <del>49元</del>
                        </p>
                        <p style="color:darkgray">2.4万人评价</p>
                    </li>
                    <li>
                        <img src="images/remen.png">
                        <p><a href="">红米Note4 标准高透贴膜</a></p>
                        <p style="color:red">19元</p>
                        <p style="color:darkgray">5440人评价</p>
                    </li>
                    <li>
                        <img src="images/remen3.png">
                        <p><a href="">小米指环支架</a></p>
                        <p style="color:red">19元</p>
                        <p style="color:darkgray">6805人评价</p>
                    </li>
                    <li>
                        <img src="images/remen4.png">
                        <p><a href="">红米Note4 超薄肤感软胶保护套</a></p>
                        <p style="color:red">19元</p>
                        <p style="color:darkgray">428人评价</p>
                    </li>
                    <li>
                        <img src="images/remen5.png">
                        <p><a href="">红米Note4X 标准高透贴膜</a></p>
                        <p style="color:red">19元</p>
                        <p style="color:darkgray">726人评价</p>
                    </li>
                    <li>
                        <img src="images/remen6.png">
                        <p><a href="">小米自拍杆(线控版)</a></p>
                        <p style="color:red">49元</p>
                        <p style="color:darkgray">69336人评价</p>
                    </li>
                    <li>
                        <img src="images/remen2.png" style="width:150px;height:150px">
                        <p><a href="">红米Note4 智能显示保护套</a></p>
                        <p style="color:red">39元</p>
                        <p style="color:darkgray">5243人评价</p>
                    </li>
                    <li>
                        <img src="images/tiem.png" style="width:150px;height:150px">
                        <p><a href="">红米Note4 智能显示保护套</a></p>
                        <p style="color:red">39元</p>
                        <p style="color:darkgray">5243人评价</p>
                </ul>
            </div>
        </div>

        <!--结尾-->
        <footer>
            <section class="container fuwu">
                <ul>
                    <li>
                        <div><img src="images/yuyue.png"></div>
                        <div>预约维修服务</div>
                    </li>
                    <li>
                        <div><img src="images/tuihuo.png"></div>
                        <div>七天无理由退货</div>
                    </li>
                    <li>
                        <div><img src="images/huanhuo.png"></div>
                        <div>15天免费换货</div>
                    </li>
                    <li>
                        <div><img src="images/baoyou.png"></div>
                        <div>满150元包邮</div>
                    </li>
                    <li>
                        <div><img src="images/wangdian.png"></div>
                        <div>520余家售后网点</div>
                    </li>
                    
                </ul>
                <div style="clear: both;"></div>
            </section>
            <section class="container">
                <hr>
            </section>

            <section class="container zuihou">
                <ul>
                    <div>帮助中心</div>
                    <li>账户管理</li>
                    <li>购物指南</li>
                    <li>订单操作</li>
                </ul>
                <ul>
                    <div>服务支持</div>
                    <li>账户管理</li>
                    <li>购物指南</li>
                    <li>订单操作</li>
                </ul>
                <ul>
                    <div>关于小米</div>
                    <li>账户管理</li>
                    <li>购物指南</li>
                    <li>订单操作</li>
                </ul>
                <ul>
                    <div>关注我们</div>
                    <li>账户管理</li>
                    <li>购物指南</li>
                    <li>订单操作</li>
                </ul>
                <ul>
                    <div>特色服务</div>
                    <li>账户管理</li>
                    <li>购物指南</li>
                    <li>订单操作</li>
                </ul>
                <ul>
                    <div>线下门店</div>
                    <li>账户管理</li>
                    <li>购物指南</li>
                    <li>订单操作</li>
                </ul>
                <div class="lianxi">
                    <p class="phone">400-100-5678</p>
                    <p>周一至周日 8:00-18:00 </p>
                    <p>（仅收市话费）</p>
                    <div class="kefu"> 24小时在线客服</div>
                </div>
            </section>

        </footer>

    
      <section class="fashao">
            <div class="content">
                <img src="images/logo.png">
                <p>
                    <a href="#">小米商城</a><span>|</span>
                    <a href="#">MIUI</a><span>|</span>
                    <a href="#">米聊</a><span>|</span>
                    <a href="#">多看书城</a><span>|</span>
                    <a href="#">小米路由器</a><span>|</span>
                    <a href="#">视频电话</a><span>|</span>
                    <a href="#">企业团购</a><span>|</span>
                    <a href="#">小米天猫店</a><span>|</span>
                    <a href="#">小米淘宝直营店</a><span>|</span>
                    <a href="#">小米网盟</a><span>|</span>
                    <a href="">小米移动</a><span>|</span>
                    <a href="#">Select Region</a>
                </p>
                <p class="huiji">
                    @<a href="#">mi.com</a><span> 京ICP证110507号</span>
                    <a href="#">京ICP备10046444号</a>
                    <a href="#">11010802020134号</a>
                    <a href="#"> 京网文[2014]0059-0009号 </a>
                    <br> 违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                </p>
            </div>
            <div class="v-logo">
                <img src="images/logo2.png" alt="">
                <img src="images/logo3.png" alt="">
                <img src="images/logo4.png" alt="">
                <img src="images/logo5.png" alt="">
            </div>
            <div style="clear: both;"></div>

            <div class="over"></div>
        </section>
</body>
</html>
<script src="scripts/require.js" data-main="index"></script>
<script src="danpin.js"></script>